<!-- 师傅详情 -->
<template>
	<view class="services">
		<!-- 服务 -->
		<view class="photo">
			<view class="one">
				<uv-swiper height="400px" :list="list"></uv-swiper>
				<view class="icon">
					<uv-icon @click="goback" name="arrow-left" size="24px"></uv-icon>
				</view>
			</view>
			<view class="two">
				<view class="two-left">已实名</view>
				<view class="two-right">
					<image src="/static/定位.png" mode=""></image> 544m
				</view>
			</view>
			<view class="three">
				<view class="two-left">师傅名称</view>
				<view class="two-right"> 已服务:156|从业经历:6年 </view>
			</view>
			<view class="four">
				<view>个人介绍:内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容。</view>
			</view>
		</view>
		<!-- 服务介绍 -->
		<view class="introduced">
			<view class="all" v-for="item in 3" :key="item.id">
				<view class="head">
					<view class="head-left">服务名称1</view>
					<view class="head-right">￥120.00</view>
				</view>
				<view class="center">
					<uv-button @click="gobooking" type="primary" color="#008c8c" shape="circle" text="立即预约"></uv-button>
				</view>
			</view>
		</view>
		<!-- 师傅评价 -->
		<view class="evaluation">
			<view class="top">
				<view class="top-left">师傅评价</view>
				<view class="top-right" @click="goappraise">查看全部></view>
			</view>
			<view class="bottom" v-for="item in 2 " :key="item.id">
				<view class="bottom-left">
					<uv-avatar src="/static/头像.png"></uv-avatar>
				</view>
				<view class="bottom-right">
					<view class="one">陈喜喜</view>
					<view class="two">
						<uv-rate size="16px" :count="count" v-model="value1"></uv-rate>
						<view style="margin-left: 20rpx; color: #c1c1c1;">2022-02-19</view>
					</view>
					<view class="three">很不错，挺好哦!</view>
					<view class="four">
						<image src="https://picsum.photos/200/300" mode=""></image>
						<image src="https://picsum.photos/200/300" mode=""></image>
					</view>
				</view>
			</view>
		</view>
		<view class="box"></view>
		<!-- 下单 -->
		<view class="place">
			<uv-button type="primary" color="#008c8c" shape="circle" text="收藏师傅"></uv-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				count: 5,
				value1: 4,
				list: [
					'/static/师傅详情.png',
          '/static/师傅详情1.png',
          '/static/师傅详情2.png'
				],
				tips: '',
				value: '内容'

			}
		},
		methods: {
			// 跳全部评价
			goappraise(){
				uni.navigateTo({ url: '/pages/master/appraise/appraise' })
			},
			
			goback() {
				uni.navigateBack(
					{ delta: 1 }
				)
			},
			gobooking(){
				uni.navigateTo({ url: '/pages/master/booking/booking' })
			}
		}
	}
</script>

<style lang="scss">
	@import url('./masterdetails.css');
</style>